<script setup lang="ts">
import {ElInput,ElButton} from "element-plus";
import {Search,Menu} from "@element-plus/icons-vue"
import { useCurrentData } from "@/store/processFlow"
//
const currentData = useCurrentData();
</script>

<template>
  <div h-122 w-full>
    <div h-72 w-full box-border b-b="1px solid #E1E7E4" flex items-center justify-between p-x-16>
      <div></div>
      <div flex items-center>
        <el-input :prefix-icon="Search" size="small" placeholder="输入文本"></el-input>
        <el-button :icon="Menu" link text-24 m-l-8></el-button>
      </div>
    </div>
    <div h-50 flex items-center p-x-16 box-border>
      <!-- <template v-for="(d,i) in currentData.bread">
       <el-button link plain text-16 color="#1D3C2B" fw-600 :disabled="i == currentData.bread.length - 1">{{ typeof d === 'string' ? d : (d as any)?.name }}</el-button>
       <el-icon v-if="i < currentData.bread.length - 1" m-x-4 text-10><ArrowRightBold /></el-icon>
      </template> -->
      <span text-16 color="#1D3C2B" fw-600>{{ currentData.activeGroupName }}</span>
    </div>
  </div>
</template>